.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.avatar-uploader .el-upload:hover {
    border-color: #409eff
}

.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center
}

.avatar {
    width: 178px;
    height: 178px;
    display: block
}

.avatar-box {
    -webkit-box-shadow: -2px 0 20px -16px;
    box-shadow: -2px 0 20px -16px;
    width: 95%;
    height: 100%
}

.avatar-box .user-card {
    min-height: calc(90vh - 200px);
    padding: 30px 10px;
    text-align: center
}

.avatar-box .user-card .el-avatar {
    border-radius: 50%
}

.avatar-box .user-card .user-personality {
    text-align: center
}

.avatar-box .user-card .user-personality p {
    font-size: 16px
}

.avatar-box .user-card .user-personality .nickName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 26px
}

.avatar-box .user-card .user-personality .person-info {
    margin-top: 6px;
    font-size: 14px;
    color: #999
}

.avatar-box .user-card .user-information {
    width: 100%;
    height: 100%;
    text-align: left
}

.avatar-box .user-card .user-information ul {
    display: inline-block;
    height: 100%;
    width: 100%;
    margin-left: 20px
}

.avatar-box .user-card .user-information ul li {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 20px 0;
    font-size: 16px;
    font-weight: 400;
    color: #606266
}

.avatar-box .user-card .user-information ul li .title {
    margin-right: 8px;
    font-weight: 800
}

.user-addcount ul li {
    border-bottom: 2px solid #f0f2f5
}

.user-addcount ul li .title {
    padding: 10px;
    font-size: 18px;
    color: #696969
}

.user-addcount ul li .desc {
    font-size: 16px;
    padding: 0 10px 20px 10px;
    color: #a9a9a9
}

.user-addcount ul li .desc a {
    color: #409eff;
    float: right
}

.user-headpic-update {
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px
}

.user-headpic-update:hover {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .15)), to(rgba(0, 0, 0, .15))), radial-gradient(at top center, hsla(0, 0%, 100%, .4) 0, rgba(0, 0, 0, .4) 120%) #989898;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .15) 0, rgba(0, 0, 0, .15)), radial-gradient(at top center, hsla(0, 0%, 100%, .4) 0, rgba(0, 0, 0, .4) 120%) #989898;
    background-blend-mode: multiply, multiply
}

.user-headpic-update:hover .updateel-menu {
    color: #fff
}

.user-headpic-update .update {
    height: 120px;
    width: 120px;
    text-align: center;
    color: transparent
}

.pointer {
    cursor: pointer
}

.code-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}